<template>
  <div class="bg-white my-[10px]">
    <BaseHead style="border-bottom: 0"> 项目信息</BaseHead>
    <BaseTable>
      <tr>
        <td class="td-name">项目名称</td>
        <td>{{ detailData.name }}</td>
        <td class="td-name">申请人</td>
        <td>{{ detailData.applierName }}</td>
      </tr>
      <tr>
        <td class="td-name">申请经费</td>
        <td>{{ detailData.applyFee }} 万元</td>
      </tr>
    </BaseTable>
  </div>
</template>

<script setup>
import BaseHead from "@/views/project/components/BaseHead.vue";
import BaseTable from "@/views/project/components/BaseTable.vue";
import { sbBaseDetail } from "@/api/project/xj/sbxm";
const operateId= inject("id");
const detailData = ref({});
//获取数据详情
const getDetail = async () => {
  const params = {
    id: operateId.value,
  };
  try {
    const res = await sbBaseDetail(params);
    detailData.value = res.data;
  } catch (error) {
    console.log(error);
  }
};
onMounted(() => {
  getDetail();
});
</script>

<style scoped lang="scss"></style>
